<template>
  <header>
    <div class="wrapper">
      <nav>
        <RouterLink to="/">选项式API</RouterLink>
        <RouterLink to="/Student">组合式API</RouterLink>
        <RouterLink to="/Students">改造组合式API</RouterLink>
        <RouterLink to="/Stus">组合式API-自定义渲染-返回函数</RouterLink>
        <RouterLink to="/Stues">自定义渲染函数作为组件使用</RouterLink>
        <RouterLink to="/Stuee">setup语法糖</RouterLink>
        <RouterLink to="/Stueee">setup 语法糖支持ts写法</RouterLink>
        <RouterLink to="/St">模板语法-文本</RouterLink>
        <RouterLink to="/Sts">模板语法-属性</RouterLink>
        <RouterLink to="/Stss">内置指令</RouterLink>
        <RouterLink to="/Tab">Tab切换</RouterLink>
        <RouterLink to="/Jsq">计算器</RouterLink>
        <RouterLink to="/Tabs">案例tab切换</RouterLink>
        <RouterLink to="/Zeng">增改</RouterLink>
        <RouterLink to="/Scu">绑定 HTML class</RouterLink>
        <RouterLink to="/Scus">绑定内联样式 Style</RouterLink>
        <RouterLink to="/Scuss">声明响应式状态 Ref & reactive</RouterLink>
        <RouterLink to="/Scusss">Reactive包装注意事项</RouterLink>
        <RouterLink to="/Scu1">Proxy</RouterLink>
        <RouterLink to="/Scu2">Reactive Proxy</RouterLink>
        <RouterLink to="/Scu3">Reactive包装注意事项补充</RouterLink>
        <RouterLink to="/Scu4">额外的ref解包细节</RouterLink>
        <RouterLink to="/Scu5">customRef()</RouterLink>
        <RouterLink to="/Scu9">effectScope改造</RouterLink>
        <RouterLink to="/Scu6">effectScope() & getCurrentScope() & onScopeDispose()</RouterLink>
        <RouterLink to="/Scu7">effectScope案例2</RouterLink>
        <RouterLink to="/Scu8">effectScope案例3</RouterLink>
        <RouterLink to="/Scu10">effectScope案例4</RouterLink>
        <RouterLink to="/Scu11">计算属性</RouterLink>
        <RouterLink to="/Scu14">侦听器watch</RouterLink>
        <RouterLink to="/Scu15">侦听模拟请求数据</RouterLink>
        <RouterLink to="/Scu12">侦听器watchEffect</RouterLink>
        <RouterLink to="/Scu13">侦听器适用场景</RouterLink>
        <RouterLink to="/Scu16">组件注册和引入</RouterLink>
        <RouterLink to="/Scu17">组件传值 props</RouterLink>
        <RouterLink to="/Scu18">props泛型参数</RouterLink>
        <RouterLink to="/Scu19">组件事件emit</RouterLink>
        <RouterLink to="/Scu20">defineEmits带类型声明</RouterLink>
        <RouterLink to="/Scu21">defineEmits带类型声明</RouterLink>
        <RouterLink to="/Scu22">插槽slot</RouterLink>
        <RouterLink to="/Scu23">插槽slot案例</RouterLink>
        <RouterLink to="/Scu24">props+slot案例</RouterLink>
        <RouterLink to="/Scu25">组合式API:生命周期钩子</RouterLink>
        <RouterLink to="/Scu26">组件 v-model</RouterLink>
        <RouterLink to="/Scu27">组合式函数</RouterLink>
        <RouterLink to="/Scu28">defineExpose</RouterLink>
        <RouterLink to="/Scu50">案例-学生成绩管理系统</RouterLink>
        <RouterLink to="/Scu51">案例：购物车</RouterLink>
        <RouterLink to="/Scu29">路由页面跳转</RouterLink>
        <RouterLink to="/Scu30">404页面</RouterLink>
        <RouterLink to="/Scu31">嵌套路由</RouterLink>
        <RouterLink to="/Scu32">动态路由</RouterLink>
        <RouterLink to="/Scu33">路由基础知识点总结</RouterLink>
        <RouterLink to="/Scu34">路由基础知识点命名视图</RouterLink>
        <RouterLink to="/Scu35">路由基础知识点重定向</RouterLink>
        <RouterLink :to="{path:'/Scu36Rechristen'}">路由基础知识点别名</RouterLink>
        <RouterLink :to="{path:'/Scu36Rechristen1'}">路由基础知识点别名1</RouterLink>
        <RouterLink :to="{path:'/Scu36Rechristen2'}">路由基础知识点别名2</RouterLink>
        <RouterLink :to="{path:'/Scu36Rechristen3'}">路由基础知识点别名3</RouterLink>
        <RouterLink to="/Scu37">路由基础知识路由组件传参</RouterLink>
        <RouterLink to="/Scu38">通过 RouterView传值</RouterLink>
        <RouterLink to="/Scu39">路由进阶</RouterLink>
        <RouterLink to="/Scu40">状态管理pinia</RouterLink>
        <RouterLink to="/Scu41">状态管理pinia进阶</RouterLink>
        <RouterLink to="/Scu42">使用内置的fetchAPI进行请求</RouterLink>
        <RouterLink to="/Scu43">axios 安装和使用</RouterLink>
        <RouterLink to="/Scu44">axios实例封装</RouterLink>
        <RouterLink to="/Scu45">axios实例封装api使用</RouterLink>
      </nav>
    </div>
  </header>
</template>

<script lang="ts">
export default {
  name:'HeadPage'
}
</script>

<script lang="ts" setup></script>

<style scoped lang="scss"></style>
